<template>
  <div class="box">
    <div class="header">
      <van-search  show-action label="地址" placeholder="请输入搜索关键词">
        <template #left>
          <div ><van-icon name="apps-o"  @click="kind"/>分类</div>
        </template>
        <template #action>
          <div ><van-icon name="manager-o"  @click="login"/>登录</div>
        </template>
      </van-search>
    </div>
    <div class="meddle">
      <van-grid>
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  
</van-grid>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue';
import request from '@/utils/request'
import er from './er/er.vue'
import { useRouter } from "vue-router";
const router=useRouter()
let login=()=>{
  router.push('/login')
}
let kind=()=>{
  router.push('/kind')
}
</script>